<template>
	<view class="content">
		
		<view class="u-page">
			<view class="u-demo-block">
			    <text class="u-demo-block__title"></text>
			    <view class="u-demo-block__content detail">
			        <u-row customStyle="margin-bottom: 30px">
			            <u-col span="6">
			                <view class="demo-layout bg-purple-light"></view>
			            </u-col>
			            <u-col span="6">
			                <view class="demo-layout bg-purple"></view>
			            </u-col>
			        </u-row>
			        <u-row customStyle="margin-bottom: 40px">
			            <u-col span="4">
			                <view class="demo-layout bg-purple"></view>
			            </u-col>
			            <u-col span="4">
			                <view class="demo-layout bg-purple-light">
								待还总金额：<view style="color: black;">{{examine_form.totalrewardamount}}元</view>
							</view>
			            </u-col>
			            <u-col span="4">
			                <view class="demo-layout bg-purple-dark"></view>
			            </u-col>
			        </u-row>
					<br>
			        <u-row justify="space-between">
			            <u-col span="4">
			                <view class="demo-layout bg-purple">
								<text style="color: black;">银行卡自动代扣</text>
							</view>
			            </u-col>
			         
			            <u-col span="4">
			                <view class="demo-layout bg-purple"></view>
			            </u-col>
			            <u-col span="4">
			                <view class="demo-layout bg-purple-light">
								<view class="">
									<view >
									
									  <view v-if="examine===0">未审核</view>
									  <view v-else-if="examine===1">一审通过</view>
									  <view v-else-if="examine===2">审核通过</view>
									  <view v-else-if="examine===3">审核失败</view>
									</view>
								</view>
							</view>
			            </u-col>
			        </u-row>
			    </view>
			</view>
			
			
		</view>
		
	
		账单详情：
		<view class="bill">
			<view class="u-page__item">
				<text class="u-page__item__title"></text>
				<u-cell-group>
				
					<u-cell
					    size="large"
					    title="筑梦优享"
					    value="全部账单"
						url="/pages/loan/All_bills/All_bills"
					></u-cell>
				</u-cell-group>
			</view>
		</view>
		<br>
		<br>
		<!-- 投标信息
		<view class="tender_list">
			
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				examine:0,
				totalrewardamount_1:0,
				examine_form:{},
				idd:0
			}
		},
		onShow() {
			this.idd =  uni.getStorageSync('userid');
			this.examine_1();
			this.examine=this.examine_form.bidrequeststate;
			this.totalrewardamount_1=this.examine_form.totalrewardamount;
		},
		methods: {
			examine_1(){
				// console.log(this.idd);
				this.$api({
				  method: 'post',
				  url: `/system/bidrequest/getuserBidById/${this.idd}`,
				
				}).then(res => {
					console.log(res.data.bidrequeststate);
				  this.examine = res.data.bidrequeststate;
				  // console.log(this.examine_form);
				  this.examine_form=res.data;
				  console.log(res.data.totalrewardamount);
				  
				}).catch(err => {
				  console.log(err);
				});
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.detail {
		width: 650rpx;
		height: 350rpx;
		background: linear-gradient(to right, #cdfeae, #0AD47E);
	}
	.bill{
		width: 90%;
		height: 100px;
		/* background-color: #c9c9c9; */
	}
	.tender_list{
		width: 90%;
		height: 200px;
		background-color: aqua;
	}
.u-page {
		padding: 0;

		&__item {

			&__title {
				color: $u-tips-color;
				background-color: $u-bg-color;
				padding: 15px;
				font-size: 15px;

				&__slot-title {
					color: $u-primary;
					font-size: 14px;
				}
			}
		}
	}
</style>
